$button-font-family: $font-family;
$button-padding: $space-8 $space-12;
$button-margin: 0 $space-8 0 0;
$button-min-width: $space-32;
$button-height: auto;
$button-font-size: $font-size;
$button-font-weight: 400;
$button-border-radius: $brand-border-radius;
$button-shadow: none;
$button-transition: all 300ms cubic-bezier(0.25, 0.8, 0.25, 1);
$button-active-shadow: 0 12px 20px rgba(0, 0, 0, 0.2), 0 10px 10px rgba(0, 0, 0, 0.18);
$button-text-decoration: none;
$button-hover-text-decoration: none;
$button-text-transform: uppercase;
$button-disabled-opacity: 0.7;

$button-outlined-border-width: 0.2rem;

$button-variations: (
  'default': (
    'bg': $brand-default,
    'color': foreground-color($brand-default),
    'hover-bg': darken($brand-default, 5%),
    'hover-color': foreground-color(darken($brand-default, 5%)),
    'border': $button-outlined-border-width solid $brand-default,
  ),
  'primary': (
    'bg': $brand-primary,
    'color': foreground-color($brand-primary),
    'hover-bg': darken($brand-primary, 5%),
    'hover-color': foreground-color(darken($brand-primary, 5%)),
    'border': $button-outlined-border-width solid $brand-primary,
  ),
  'secondary': (
    'bg': $brand-secondary,
    'color': foreground-color($brand-secondary),
    'hover-bg': darken($brand-secondary, 5%),
    'hover-color': foreground-color(darken($brand-secondary, 5%)),
    'border': $button-outlined-border-width solid $brand-secondary,
  ),
  'success': (
    'bg': $brand-success,
    'color': foreground-color($brand-success),
    'hover-bg': darken($brand-success, 5%),
    'hover-color': foreground-color(darken($brand-success, 5%)),
    'border': $button-outlined-border-width solid $brand-success,
  ),
  'warning': (
    'bg': $brand-warning,
    'color': foreground-color($brand-warning),
    'hover-bg': darken($brand-warning, 5%),
    'hover-color': foreground-color(darken($brand-warning, 5%)),
    'border': $button-outlined-border-width solid $brand-warning,
  ),
  'danger': (
    'bg': $brand-danger,
    'color': foreground-color($brand-danger),
    'hover-bg': darken($brand-danger, 5%),
    'hover-color': foreground-color(darken($brand-danger, 5%)),
    'border': $button-outlined-border-width solid $brand-danger,
  ),
);
